<template>
	<view class="unio2o-page-has-bg">
		<view class="unio2o-jb-bg"></view>
		<view class="pd30 unio2o-main">
			<view class="box-shadow bg-w pd30 bdr16">
			<view class="flex space">
				<view class="flex alcenter">
					<image class="coupon-store-logo" :src="''"></image>
					<text class="ml20 ft16 text-main">东箭装饰</text>
				</view>
				<!-- <view class="coupon-tag-plus">
					PLUS专享
				</view> -->
				<view class="coupon-tag-new">
					新用户
				</view>
			</view>
			<view class="line mt30 mb30"></view>
			<view class="flex alcenter space">
				<view>
					<view class="ftw600 ft18 text-main">
						50元买单抵扣券
					</view>
					<view class="ft14 text-theme mt20">
						满100可用
					</view>
					<view class="text-notice ft14 mt20">
						<text>有效期：30天</text><text class="ml20">周一至周日可用</text>
					</view>
				</view>
				<view class="ft16 text-theme ftw600">
					¥30
				</view>
			</view>
		</view>
		
			<view class="mt30 bdr16 box-shadow bg-w pd30">
			<view class="flex space alcenter">
				<text class="ft16 ftw500 text-info">购买数量</text>
				<view class="flex alcenter">
					<view class="iconfont iconbtn_subtract text-info ft40"></view>
					<text class="ml30 mr30 ft16 ftw500 text-default">1</text>
					<view class="iconfont iconbtn_add text-theme ft40"></view>
				</view>
			</view>
			<view class="line mt30 mb30"></view>
			<view class="flex space alcenter">
				<text class="ft16 ftw500 text-info">小计</text>
				<text class="ft16 ftw600 text-theme">¥60</text>
			</view>
		</view>
		
		
		<view class="mt40">
			<navigator style="width: 100%;" url="/pages/coupon/respond">
				<button class="btn-main text-w ftw600">¥60 提交订单</button>
			</navigator>
		</view>
	</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.coupon-store-logo{
		width:60rpx;
		height:60rpx;
		box-shadow:0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.05);
		border-radius:8rpx;
	}
	.coupon-tag-plus,.coupon-tag-new,.coupon-tag-common{
		width:144rpx;
		height:48rpx;
		background:linear-gradient(225deg,rgba(255,230,172,1) 0%,rgba(242,213,145,1) 100%);
		border-radius:4rpx;
		font-size: 24rpx;
		text-align: center;
		line-height: 48rpx;
		color:#323033;
		font-weight: 600;
	}
	.coupon-tag-new{
		background:linear-gradient(45deg,rgba(112,205,54,1) 0%,rgba(139,203,68,1) 100%);
		color:#FFFFFF;
	}
	.coupon-tag-common{
		background:linear-gradient(225deg,rgba(123,132,156,1) 0%,rgba(94,104,130,1) 100%);
		color:#FFFFFF;
	}
</style>